<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                                                                                    rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/onduty">首页</a>
                </li>
                <li>
                    <a href="#/star/onduty/cti_list">支持项列表</a>
                </li>
                <li class="active">支持项设置</li>
            </ul>
        </div>
    </div>
</div>

<div class="container-fluid">

    <div class="row">
            <div class="col-sm-12 col-md-12 main">
                <div class="col-md-6 col-md-offset-3">
                    <h2 style="text-align: center">详情信息</h2>
                    <form name="form" ng-submit="form.$valid&&addCti()" novalidate>
                        <div class="form-group">
                            <label style="padding: 0 0 5px">CTI编码</label>
                            <input readonly type="text" class="form-control" name="ctiId" ng-model="vm.p.ctiId"/>
                        </div>

                        <div class="form-group">
                            <label style="padding: 0 0 5px">所属支持组</label>
                            <select required ng-model="vm.p.resolvegroupId"
                                    ng-options="x.resolvegroupId as x.name for x in vm.listResolveGroup" name="resolvegroupId"
                                    class="form-control">
                            </select>
                        </div>
                        <div class="form-group">
                            <label style="padding: 0 0 5px">支持组id</label>
                            <input readonly type="text" class="form-control" name="resolvegroupId" ng-model="vm.p.resolvegroupId"  />
                            <span ng-show="form.app.$error.required" class="help-block" >未填写所属支持组!</span>
                        </div>

                        <div class="form-group">
                            <label style="padding: 0 0 5px">支持项名称（例如：无线埋点PV报警）</label>
                            <input type="text" class="form-control" name="ctiName" ng-model="vm.p.ctiName" required />
                            <span ng-show="form.ctiName.$error.required" class="help-block" >未填写名称!</span>
                        </div>

                        <div class="form-group">
                            <label style="padding: 0 0 5px">支持项描述（例如：实时分钟级PV异常检查）</label>
                            <textarea class="form-control" name="description" ng-model="vm.p.description" style="height:70px"></textarea>
                            <span ng-show="form.description.$error.required" class="help-block" >未填写描述</span>
                        </div>

                        <div class="form-group">
                            <label style="padding: 0 0 5px">支持项类型[business, data, devops, -]</label>
                            <input type="text" class="form-control" name="ctiType" ng-model="vm.p.ctiType"  />
                            <span ng-show="form.ctiType.$error.required" class="help-block" >未填写类型!</span>
                        </div>

                        <div class="form-group">
                            <label style="padding: 0 0 5px">所属团队（例如：数据技术应用）</label>
                            <input type="text" class="form-control" name="biz" ng-model="vm.p.biz"  />
                            <span ng-show="form.biz.$error.required" class="help-block" >未填写业务线!</span>
                        </div>
                        <div class="form-group">
                            <label style="padding: 0 0 5px">所属应用（例如：数仓分层或者具体应用）</label>
                            <input type="text" class="form-control" name="app" ng-model="vm.p.app"  />
                            <span ng-show="form.app.$error.required" class="help-block" >未填写应用!</span>
                        </div>


                        <div class="form-group">
                            <label style="padding: 0 0 5px">负责人</label>
                            <input type="text" class="form-control" name="ownerId" ng-model="vm.p.ownerId"  />
                            <span ng-show="form.ownerId.$error.required" class="help-block" >未填写负责人</span>
                        </div>

                        <div class="form-group" ng-class="{'has-error':form.action.$error.required,'has-success':!form.action.$error.required}">
                            <label style="padding: 0 0 5px">激活状态</label>
                            <select name="type" ng-model="vm.p.action" class="form-control" name="action" ng-init="vm.p.action='1'">
                                <option value="1">已激活</option>
                                <option value="2">未激活</option>
                            </select>
                            <span ng-show="form.status.$error.required" class="help-block">请选择激活状态!</span>
                        </div>

                        <div class="form-group">
                            <input class="btn btn-primary" type="submit" value="确定"/>
                            <a href="#/star/onduty/cti_list" class="btn btn-default">返回</a>
                        </div>
                    </form>
                </div>
            </div>
    </div>
</div><!--/.container-->
